import React, { Fragment } from 'react';
import './App.css';
import WaterWave1 from './pages/WaterWave1'
import WaterWave2 from './pages/WaterWave2'
import SwiperText from './pages/swiperText'
import DemoSwiper from './pages/swiperText1'
import CountUpDom from './pages/countup'
import AnimateNum from './pages/animateNum'
import AnimateNum1 from './pages/animateNum1'
import AnimateNum2 from './pages/animateNum2'
import Slogan from './pages/slogan'
import TextLoop from './pages/textLoop'
import Page from './pages/page'
import ChinaMap from './pages/chinaMap'
import FlowChart from './pages/flowChart'
import {
  BrowserRouter,
  Route
} from 'react-router-dom'
function App() {
  return (
    <div className="App">
      <BrowserRouter>
        <Fragment>
            <Route  path={`/`} exact component={WaterWave1} />
            <Route  path={`/WaterWave2`} exact component={WaterWave2} />
            <Route  path={`/swiperText`} exact component={SwiperText} />
            <Route  path={`/swiperText1`} exact component={DemoSwiper} />
            <Route  path={`/countup`} exact component={CountUpDom} />
            <Route  path={`/animateNum`} exact component={AnimateNum} />
            <Route  path={`/slogan`} exact component={Slogan} />
            <Route  path={`/textLoop`} exact component={TextLoop} />
            <Route  path={`/page`} exact component={Page} />
            <Route  path={`/chinaMap`} exact component={ChinaMap} />
            <Route  path={`/flowChart`} exact component={FlowChart} />
            <Route  path={`/animateNum1`} exact component={AnimateNum1} />
            <Route  path={`/animateNum2`} exact component={AnimateNum2} />
          </Fragment>
      </BrowserRouter>
    </div>
  );
}

export default App;
